@extends('layouts.app')

@section('title',$user->name.'的个人中心')

@section('style-class','tt-offset-small')

@section('content')
    <div class="tt-wrapper-section">
        <div class="container">
            <div class="tt-user-header">
                <div class="tt-col-avatar">
                    <div class="tt-icon">
                        <img src="{{ $user->avatar }}"
                             class="img-responsive img-circle" width="50px" height="50px" alt="{{ $user->name }}">
                    </div>
                </div>
                <div class="tt-col-title">
                    <div class="tt-title">
                        <a href="#">{{ $user->name }}</a>
                    </div>
                    {{--TODO 用户等级--}}
                    {{--<ul class="tt-list-badge">--}}
                    {{--<li><a href="#"><span class="tt-color14 tt-badge">等级 : 26</span></a></li>--}}
                    {{--</ul>--}}
                    <div class="card-body">
                        <h6><strong>个人简介</strong></h6>
                        <p>{{$user->introduction}}</p>
                    </div>
                    <div class="card-body">
                        <h6><strong>注册于</strong></h6>
                        <p>{{ $user->created_at->diffForHumans() }}</p>
                    </div>
                    <div class="card-body">
                        <h6><strong>最后活跃</strong></h6>
                        <p title="{{  $user->last_actived_at }}">{{ $user->last_actived_at->diffForHumans() }}</p>
                    </div>
                </div>
                <div class="tt-col-btn">
                    <div class="tt-list-btn">
                        {{--<a href="#" class="tt-btn-icon" id="js-settings-btn">--}}
                        {{--<svg class="tt-icon">--}}
                        {{--<use xlink:href="#icon-settings_fill"></use>--}}
                        {{--</svg>--}}
                        {{--</a>--}}
                        <a href="#" class="btn btn-primary">消息</a>
                        @can('follow',$user)
                            @if (Auth::user()->isFollowing($user->id))
                                <form action="{{ route('followers.destroy', $user->id) }}" method="post">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                    <button type="submit" class="btn btn-sm btn-outline-secondary">取消关注</button>
                                </form>
                            @else
                                <form action="{{ route('followers.store', $user->id) }}" method="post">
                                    {{ csrf_field() }}
                                    <button type="submit" class="btn btn-sm btn-secondary">关注</button>
                                </form>
                            @endif
                        @endcan
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="tt-tab-wrapper">
            <div class="tt-wrapper-inner">
                <ul class="nav nav-tabs pt-tabs-default" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link bg-transparent {{ active_class(if_query('tab', null)) }}"
                           href="{{ route('users.show', $user->id) }}"><span>话题</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-transparent {{ active_class(if_query('tab', 'replies')) }}"
                           href="{{ route('users.show', [$user->id, 'tab' => 'replies']) }}"><span>回复</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-transparent {{ active_class(if_query('tab', 'notifications')) }}"
                           href="{{ route('users.show', [$user->id, 'tab' => 'notifications']) }}"><span>通知</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-transparent {{ active_class(if_query('tab', 'following')) }}"
                           href="{{ route('users.show', [$user->id, 'tab' => 'following']) }}"><span>关注({{ count($user->followings) }})</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-transparent {{ active_class(if_query('tab', 'followers')) }}"
                           href="{{ route('users.show', [$user->id, 'tab' => 'followers']) }}"><span>粉丝({{ count($user->followers) }})</span></a>
                    </li>
                    {{--<li class="nav-item tt-hide-xs">--}}
                    {{--<a class="nav-link" data-toggle="tab" href="#tt-tab-04" role="tab"><span>526 Followers</span></a>--}}
                    {{--</li>--}}
                    {{--<li class="nav-item tt-hide-md">--}}
                    {{--<a class="nav-link" data-toggle="tab" href="#tt-tab-05" role="tab"><span>489 Following</span></a>--}}
                    {{--</li>--}}
                    {{--<li class="nav-item tt-hide-md">--}}
                    {{--<a class="nav-link" data-toggle="tab" href="#tt-tab-06" role="tab"><span>Categories</span></a>--}}
                    {{--</li>--}}
                </ul>
            </div>
            <div class="tab-content">
                @if(if_query('tab','replies'))
                    {{--<div class="tab-pane tt-indent-none" id="tt-tab-02" role="tabpanel">--}}
                    @include('users._replies', ['replies' => $user->replies()->with('topic','category')->recent()->paginate(5)])

                    {{--</div>--}}
                @elseif(if_query('tab','notifications'))
                    {{--<div class="tab-pane show active"    id="tt-tab-01" role="tabpanel">--}}
                    @include('users._notifications', ['notifications' => $notifications])
                @elseif(if_query('tab','following'))
                    @include('users._following', ['followings' => $followings])
                @elseif(if_query('tab','followers'))
                    @include('users._followers', ['followers' => $followers])
                @else
                    @include('users._topics', ['topics' => $user->topics()->recent()->paginate(5)])
                    {{--</div>--}}
                @endif


                {{--<div class="tab-pane tt-indent-none" id="tt-tab-03" role="tabpanel">--}}
                    {{--<div class="tt-topic-list">--}}
                        {{--<div class="tt-list-header">--}}
                            {{--<div class="tt-col-topic">Topic</div>--}}
                            {{--<div class="tt-col-category">Category</div>--}}
                            {{--<div class="tt-col-value">Activity</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Does Envato act against the authors of Envato markets?--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color06 tt-badge">movies</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--I really liked new badge - T-shirt. Will there be new contests with new badges for--}}
                                    {{--AudioJungle?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color06 tt-badge">movies</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--We Want to Hear From You! What Would You Like?--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color15 tt-badge">nature</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Can it be in not vector format but in very big resolution (far far beyond enough for--}}
                                    {{--print on shirts) ?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color15 tt-badge">nature</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Seeking partner backend developer--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color05 tt-badge">music</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--One more question -> what is the maximum space (in cm or inches) the design can be?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color05 tt-badge">music</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Cannot customize my intro--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color05 tt-badge">music</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Wow great to see another good contest, I hope we will submit one of our entry this--}}
                                    {{--time and try to win it--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color05 tt-badge">music</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Web Hosting Packages for ThemeForest WordPress--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span class="tt-color03 tt-badge">exchange</span></a>--}}
                                            {{--</li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Keep an eye on author dashboard or forums and thr are chances for such contest in--}}
                                    {{--each and every category on Envato market--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span--}}
                                            {{--class="tt-color03 tt-badge">exchange</span></a></div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Microsoft Word and Power Point--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span class="tt-color08 tt-badge">youtube</span></a>--}}
                                            {{--</li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--99% of authors are keeping eyes on the upper right corner hehehehe--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span--}}
                                            {{--class="tt-color08 tt-badge">youtube</span></a></div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Does Envato act against the authors of Envato markets?--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color06 tt-badge">movies</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--I really liked new badge - T-shirt. Will there be new contests with new badges for--}}
                                    {{--AudioJungle?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color06 tt-badge">movies</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--We Want to Hear From You! What Would You Like?--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color15 tt-badge">nature</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Can it be in not vector format but in very big resolution (far far beyond enough for--}}
                                    {{--print on shirts) ?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color15 tt-badge">nature</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Seeking partner backend developer--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color15 tt-badge">music</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--One more question -> what is the maximum space (in cm or inches) the design can be?--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color15 tt-badge">music</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Cannot customize my intro--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span--}}
                                                            {{--class="tt-color15 tt-badge">music</span></a></li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Wow great to see another good contest, I hope we will submit one of our entry this--}}
                                    {{--time and try to win it--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span class="tt-color15 tt-badge">music</span></a>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-avatar">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-ava-d"></use>--}}
                                {{--</svg>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-description">--}}
                                {{--<h6 class="tt-title"><a href="#">--}}
                                        {{--Web Hosting Packages for ThemeForest WordPress--}}
                                    {{--</a></h6>--}}
                                {{--<div class="row align-items-center no-gutters hide-desktope">--}}
                                    {{--<div class="col-9">--}}
                                        {{--<ul class="tt-list-badge">--}}
                                            {{--<li class="show-mobile"><a href="#"><span class="tt-color03 tt-badge">exchange</span></a>--}}
                                            {{--</li>--}}
                                        {{--</ul>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-3 ml-auto show-mobile">--}}
                                        {{--<div class="tt-value">5 Jan,19</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="tt-content">--}}
                                    {{--Keep an eye on author dashboard or forums and thr are chances for such contest in--}}
                                    {{--each and every category on Envato market--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-category"><a href="#"><span--}}
                                            {{--class="tt-color03 tt-badge">exchange</span></a></div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5 Jan,19</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-row-btn">--}}
                            {{--<button type="button" class="btn-icon js-topiclist-showmore">--}}
                                {{--<svg class="tt-icon">--}}
                                    {{--<use xlink:href="#icon-load_lore_icon"></use>--}}
                                {{--</svg>--}}
                            {{--</button>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="tab-pane tt-indent-none" id="tt-tab-04" role="tabpanel">--}}
                    {{--<div class="tt-followers-list">--}}
                        {{--<div class="tt-list-header">--}}
                            {{--<div class="tt-col-name">User</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Follow date</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Last Activity</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Threads</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Replies</div>--}}
                            {{--<div class="tt-col-value">Level</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-t"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Taylor</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@tails23">@tails23</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">10/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">10 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">0</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color16 tt-badge">LVL : 02</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-k"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Kevin</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@kevin27">@kevin27</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">4 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">0</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 26</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-g"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Green</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@green63">@green63</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">9</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">32</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color16 tt-badge">LVL : 06</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-d"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Dylan</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@dylan89">@dylan89</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">18 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">3</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 27</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-p"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Peterson</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@dylan89">@dylan89</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">3 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">8</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">21</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 13</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-a"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">azyrus</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@azyrus21">@azyrus21</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">2 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">19</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">32</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 18</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-s"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Smith</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@smith45">@smith45</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">13</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 42</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-u"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Usain</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@bolt24">@bolt24</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">07/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">9 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">20</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">43</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 21</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-l"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Larry</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@larry74">@larry74</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">06/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">6 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color19 tt-badge">LVL : 39</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-j"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Jordan</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@jordan36">@jordan36</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">6 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">23</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 46</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-c"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Clive</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@clive45">@clive45</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">8 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">8</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 16</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-m"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Mitchell</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@mitchell73">@mitchell73</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">1</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">3</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color19 tt-badge">LVL : 33</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-v"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Vans</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@vans49">@vans49</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">04/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">23 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">4</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">9</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color20 tt-badge">LVL : 99</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-b"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Baker</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@baker65">@baker65</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">03/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">4 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">28</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">86</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 43</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-f"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Foster</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@foster87">@foster87</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">03/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">7 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">16</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color21 tt-badge">LVL : 62</span></div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="tab-pane tt-indent-none" id="tt-tab-05" role="tabpanel">--}}
                    {{--<div class="tt-followers-list">--}}
                        {{--<div class="tt-list-header">--}}
                            {{--<div class="tt-col-name">User</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Follow date</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Last Activity</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Threads</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">Replies</div>--}}
                            {{--<div class="tt-col-value">Level</div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-m"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Mitchell</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@mitchell73">@mitchell73</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">1</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">3</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color19 tt-badge">LVL : 33</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-v"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Vans</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@vans49">@vans49</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">04/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">23 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">4</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">9</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color20 tt-badge">LVL : 99</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-b"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Baker</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@baker65">@baker65</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">03/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">4 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">28</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">86</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 43</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-f"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Foster</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@foster87">@foster87</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">03/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">7 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">16</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color21 tt-badge">LVL : 62</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-t"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Taylor</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@tails23">@tails23</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">10/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">10 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">0</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color16 tt-badge">LVL : 02</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-k"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Kevin</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@kevin27">@kevin27</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">4 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">0</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 26</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-g"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Green</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@green63">@green63</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">9</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">32</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color16 tt-badge">LVL : 06</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-d"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Dylan</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@dylan89">@dylan89</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">18 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">3</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 27</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-p"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Peterson</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@dylan89">@dylan89</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">09/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">3 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">8</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">21</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 13</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-a"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">azyrus</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@azyrus21">@azyrus21</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">2 days ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">19</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">32</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 18</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-s"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Smith</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@smith45">@smith45</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">08/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">1 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">13</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 42</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-u"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Usain</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@bolt24">@bolt24</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">07/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">9 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">20</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">43</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color17 tt-badge">LVL : 21</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-l"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Larry</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@larry74">@larry74</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">06/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">6 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">5</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color19 tt-badge">LVL : 39</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-j"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Jordan</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@jordan36">@jordan36</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">6 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">6</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">23</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color07 tt-badge">LVL : 46</span></div>--}}
                        {{--</div>--}}
                        {{--<div class="tt-item">--}}
                            {{--<div class="tt-col-merged">--}}
                                {{--<div class="tt-col-avatar">--}}
                                    {{--<svg class="tt-icon">--}}
                                        {{--<use xlink:href="#icon-ava-c"></use>--}}
                                    {{--</svg>--}}
                                {{--</div>--}}
                                {{--<div class="tt-col-description">--}}
                                    {{--<h6 class="tt-title"><a href="#">Clive</a></h6>--}}
                                    {{--<ul>--}}
                                        {{--<li><a href="mailto:@clive45">@clive45</a></li>--}}
                                    {{--</ul>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">05/01/2019</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile tt-color-select">8 hours ago</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">2</div>--}}
                            {{--<div class="tt-col-value-large hide-mobile">8</div>--}}
                            {{--<div class="tt-col-value"><span class="tt-color18 tt-badge">LVL : 16</span></div>--}}
                        {{--</div>--}}

                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="tab-pane" id="tt-tab-06" role="tabpanel">--}}
                    {{--<div class="tt-wrapper-inner">--}}
                        {{--<div class="tt-categories-list">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color01 tt-badge">politics</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<a href="#" class="tt-btn-icon">--}}
                                                {{--<i class="tt-icon">--}}
                                                    {{--<svg>--}}
                                                        {{--<use xlink:href="#icon-favorite"></use>--}}
                                                    {{--</svg>--}}
                                                {{--</i>--}}
                                            {{--</a>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color02 tt-badge">video</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 368</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">movies</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">new movies</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">marvel movies</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">netflix</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">prime</span></a></li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color03 tt-badge">exchange</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 381</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color04 tt-badge">pets</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 98</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color05 tt-badge">music</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 28</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color06 tt-badge">movies</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 74</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color15 tt-badge">nature</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color07 tt-badge">video games</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color08 tt-badge">youtube</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color09 tt-badge">social</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color10 tt-badge">science</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span--}}
                                                                {{--class="tt-color11 tt-badge">entertainment</span></a>--}}
                                                {{--</li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color04 tt-badge">pets</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color05 tt-badge">music</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-6 col-lg-4">--}}
                                    {{--<div class="tt-item">--}}
                                        {{--<div class="tt-item-header">--}}
                                            {{--<ul class="tt-list-badge">--}}
                                                {{--<li><a href="#"><span class="tt-color06 tt-badge">movies</span></a></li>--}}
                                            {{--</ul>--}}
                                            {{--<h6 class="tt-title"><a href="#">Threads - 1,245</a></h6>--}}
                                        {{--</div>--}}
                                        {{--<div class="tt-item-layout">--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--Lets discuss about whats happening around the world politics.--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<h6 class="tt-title">Similar TAGS</h6>--}}
                                                {{--<ul class="tt-list-badge">--}}
                                                    {{--<li><a href="#"><span class="tt-badge">world politics</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">human rights</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">trump</span></a></li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">climate change</span></a>--}}
                                                    {{--</li>--}}
                                                    {{--<li><a href="#"><span class="tt-badge">foreign policy</span></a>--}}
                                                    {{--</li>--}}
                                                {{--</ul>--}}
                                            {{--</div>--}}
                                            {{--<div class="tt-innerwrapper">--}}
                                                {{--<a href="#" class="tt-btn-icon">--}}
                                                    {{--<i class="tt-icon">--}}
                                                        {{--<svg>--}}
                                                            {{--<use xlink:href="#icon-favorite"></use>--}}
                                                        {{--</svg>--}}
                                                    {{--</i>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="col-12">--}}
                                    {{--<div class="tt-row-btn">--}}
                                        {{--<button type="button" class="btn-icon js-topiclist-showmore">--}}
                                            {{--<svg class="tt-icon">--}}
                                                {{--<use xlink:href="#icon-load_lore_icon"></use>--}}
                                            {{--</svg>--}}
                                        {{--</button>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            </div>
        </div>
    </div>
@endsection